/* 固定栏 begin */
var colors = ['#9C89F7', '#D3F169', '#F9879B', '#82F6D8', '#D3F169', '#9C89F7','#FFCE45'];
$('.fixed a i').each(function (i, v){
    $(this).css({
        'backgroundColor': colors[i]
    });
});
$('.fixed a').each(function (i, v){
    $(this).mouseover(function (){
        $(this).children('i').css('backgroundColor', 'red');
        $(this).children('span').css('color', 'red');
        $(this).stop().animate({
            'left': '0',
        }, 200, 'linear');
    });
});
$('.fixed a').each(function (i, v){
    $(this).on('mouseout click',function (){
        $(this).children('i').css('backgroundColor',colors[i]);
        $(this).children('span').css('color',colors[i]);
        $(this).stop().animate({
            'left': '90px'
        }, 200, 'linear');
    });
});
$(window).scroll(function (){
    var headHeight = $('#Zhu_header').height();
    if($(this).scrollTop() > headHeight){
        $('#fixed').fadeIn(1000);
    }else if ($(this).scrollTop() <= headHeight){
        $('#fixed').fadeOut(1000);
    }
});
/* 固定栏 end */

/* 大图部分音乐 begin */
$('.zhuzhu').on('click',function (){
    // 切换状态
    if($('audio')[0].paused) {
        $('audio')[0].play();
        $(this).siblings('.img_1').css({
            'animation-duration': '6s',
            '-webkit-animation-duration': '6s'
        });
        $(this).siblings('.img_3').css({
            'animation-duration': '6s',
            '-webkit-animation-duration': '6s'
        });
    } else {
        $('audio')[0].pause();
        $(this).siblings('.img_1').css({
            'animation-duration': '0s',
            '-webkit-animation-duration': '0s'
        });
        $(this).siblings('.img_3').css({
            'animation-duration': '0s',
            '-webkit-animation-duration': '0s'
        });
    }
});
/* 大图部分音乐 end */

/* 基本信息 begin */
$('.Zhu_message').fadeIn(4000);
/* 基本信息 end */

/* 技能作品 begin */
var arr = ['#D3F169','#7CF07F','#EEA163','#9C89F7','#D3F169','#F9879B','#82F6D8','#D3F169','#9C89F7'];
$('#Zhu_skill .Zhu_skill_t ul li a').each(function (i, v){
    $(this).css({
        'color': arr[i],
        'border': '1px solid' + arr[i],
        'border-bottom': '3px solid' + arr[i]
    });

    $(this).mouseover(function () {
        var arr2 = arr.reverse();
        $(this).css({
            'color': arr2[i],
            'border': '1px solid' + arr2[i],
            'border-bottom': '3px solid' + arr2[i]
        });
    });
    $(this).mouseout(function () {
        var arr3 = arr.reverse();
        $(this).css({
            'color': arr3[i],
            'border': '1px solid' + arr3[i],
            'border-bottom': '3px solid' + arr3[i]
        });
    });
});
/* 技能作品 end */

/* 特效展示 begin */
/* pc端 */
jQuery(".effects_pc_img .txtMarquee-top").slide({
    mainCell:".bd ul",
    autoPlay:true,
    effect:"topMarquee",
    vis: 5,
    interTime: 30
});

/* 移动端 */
//jQuery(".effects_m_img .txtMarquee-top").slide({
//    mainCell:".bd ul",
//    autoPlay:true,
//    effect:"topMarquee",
//    vis: 5,
//    interTime: 30
//});
/* 特效展示 end */